<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>局部组件和全局组件</title>
	<script src="js/vue.js"></script>
</head>

	     <div id="app">
	        <hello></hello>
	        <like></like>
	        <like></like> <!--  like 可以渲染 因为他是app实例下的局部组件 -->
	        <yes></yes> <!--  yes可以渲染 因为他是全局组件 -->
	     </div>
	     
	     <div id="app2">
	         <like></like>   <!--  like 无法渲染 因为他是app实例下的局部组件 不是app2下的局部组件 -->
	          <yes></yes>     <!--  yes可以渲染 因为他是全局组件 -->
	     </div>
	     
</body>
</html>
<script>

Vue.component('yes',{  //全局注册组件 yes
    template : "<div>this is a big Component!!!</div>"
});
  new Vue({
	  el:"#app",
	  components : {
		   'hello': {  //app实例下 局部注册组件 hello
			     template : "<div>Hello Word!!!</div>"
		   },
		   'like' :{ //app实例下 局部注册组件 like
			   template : "<div>I like eat bigbig!!!</div>"
		   }
	  }
  });
  
  new Vue({
	  el: "#app2"
  })
</script>
